<!DOCTYPE html "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">


<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form class="form-horizontal m-t" id="signupForm">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">用户手机号：</label>
                            <div class="col-sm-10">
                                <input id="memberId" name="memberId" th:value="${memberFeedback.phone}"
                                       class="form-control" type="text" readonly="readonly">
                            </div>
                        </div>
                        <div class="form-group" th:if="${memberFeedback.imgArray} != null ">
                            <label class="col-sm-2 control-label">反馈图片：</label>
                            <div class="col-sm-10 col-sm-offset-1" style="margin-left: unset">

                                <label th:each="img:${memberFeedback.imgArray}" class="checkbox-inline">
                                    <img th:src="${img}"  alt="反馈图片" class="img-responsive img-thumbnail"
                                         style="height: 250px;width: auto" onclick="showMaxImg(this)">
                                </label>

                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">反馈意见：</label>
                            <div class="col-sm-10">
                                <textarea id="feedbackDesc" name="feedbackDesc"  th:text="${memberFeedback.feedbackDesc}"
                                          class="form-control" placeholder="反馈意见描述..."  style="height: 100px"  disabled></textarea>
                            </div>
                        </div>
                    </form>

                    <div class="modal fade bs-example-modal-lg text-center" id="imgModal" tabindex="-1" role="dialog" data-toggle="modal" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-lg" style="display:inline-block;width:400px;height: auto">
                            <div class="modal-content">
                                <div id="imgshow"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>

<script th:inline="javascript">
    $().ready(function () {

    });

    function showMaxImg(obj){
        var src=$(obj).attr("src");
        $("#imgModal").find("#imgshow").html("<img src='"+src+"' class='carousel-inner img-responsive img-rounded' data-dismiss='modal'>");
        $("#imgModal").modal('show');
    }

</script>
</body>
</html>